<script setup>
import { useRouter } from 'vue-router';

const Router = useRouter();
const jump = (item) => {
    Router.push({
        path: item.path,
    });
};
console.log(app)
</script>

<template>
    <History class="history">
        <!-- <template #default="slotProp">
            <div class="item" v-for="(item, index) in slotProp.list" @click="jump(item)">
                {{ item.name }}
                <button @click.stop="slotProp.remove(index)">删除</button>
            </div>
            <button class="clear" v-if="slotProp.list.length" @click="slotProp.clear()">清除</button>
        </template> -->
    </History>
  <router-view></router-view>
</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}
.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
.history {
    display: flex;
    align-items: center;
}
.item, .clear {
    margin-left: 10px;
}
.item:nth-of-type(1) {
    margin-left: 0;
}
</style>
